<template>
  <div class="view-markdown">
    <markdown :language="language"></markdown>
  </div>
</template>

<script>
import Markdown from '@/components/markdown'
export default {
  components: { Markdown },
  data() {
    return {
      languageList: Object.freeze({
        en: 'en_US',
        zh: 'zh_CN'
      })
    }
  },
  computed: {
    language() {
      const language = this.$store.getters.language
      return this.languageList[language]
    }
  }
}
</script>

<style lang="stylus" scoped>
.view-markdown
  height 100%
</style>
